在 JavaScript 中，存取物件屬性有兩種主要方式：點記號（dot notation）和中括號（bracket notation）。這兩種方式各有其適用的情境。

點記號

點記號是最常見且易讀性最高的存取物件屬性方式。當屬性名稱符合 JavaScript 的標識符規則時（即字母、數字、下劃線、或美元符號，且不能以數字開頭），可以使用點記號來存取。

中括號

當屬性名稱包含特殊字符（如連字符、空格），或者以數字開頭時，必須使用中括號來存取。

首先，我先定義一筆物件資料

  const myObject = {
    name: "John",
    age: 30,
    "favorite-color": "blue",
    1: "number key"
  };

點記號取值練習

myObject.name
myObject.age

中括號取值練習

myObject["favorite-color"]
myObject[1]

我覺得這個取值方式適合用在，當我在接後端API資料時，需要仔細審視每一條API回應的物件結構中，有沒有帶有特殊符號、字元，有的話就必須用中括號取值方式處理，若無，則用一般常見的點記號取值

另外，點記號的取值，可透過更簡潔的語法來撰寫~ ( JavaScript ES6 解構方式